<template>
  <div>
    <seaButton type="primary" @on-click="openDialog" icon="sea-icon-check">按钮</seaButton>
    <seaDiaLog v-model:visible="visible"></seaDiaLog>
    <seaInput v-model:value="word"></seaInput>
    <seaInput v-model:value="password" type="password" :showPassword="showPassword"></seaInput>
  </div>
</template>

<script>
export default {
  data () {
    return {
      visible: false,
      word: '',
      showPassword: true,
      password: ''
    }
  },
  methods: {
    openDialog () {
      this.visible = true
    }
  }
}
</script>

<style lang="scss">
*{
  margin:0;
  padding:0;
}
</style>
